const defaultTheme = {
  'color': [
    '#bb4a9d',
    '#ffcbcb',
    '#8c88ff',
    '#9be3e0',
    '#78a2ff',
    '#efc8e6',
    '#f4822e',
    '#bda29a',
    '#b8e986',
    '#566282',
    '#13c2c2'
  ],
  'backgroundColor': 'transparent',
  'textStyle': {},
  'title': {
    'left': 'center',
    'textStyle': {
      'color': '#4c5c60',
      'fontSize': '14'
    },
    'subtextStyle': {
      'color': '#aaa'
    },
    'top': 10,
    'left': '3%'
  },
  'line': {
    'itemStyle': {
      'normal': {
        'borderWidth': 1
      }
    },
    'lineStyle': {
      'normal': {
        'width': '2'
      }

    },
    'symbolSize': '4',
    'symbol': 'emptyCircle',
    'showSymbol': false,
    'smooth': true
  },
  'radar': {
    'itemStyle': {
      'normal': {
        'borderWidth': 1
      }
    },
    'lineStyle': {
      'normal': {
        'width': '2'
      }
    },
    'symbolSize': '4',
    'symbol': 'emptyCircle',
    'smooth': false
  },
  'bar': {
    'itemStyle': {
      'normal': {
        'barBorderWidth': 0,
        'barBorderColor': '#ccc'
      },
      'emphasis': {
        'barBorderWidth': 0,
        'barBorderColor': '#ccc'
      }
    }
  },
  'pie': {
    'itemStyle': {
      'normal': {
        'borderWidth': 0,
        'borderColor': '#ccc'
      },
      'emphasis': {
        'borderWidth': 0,
        'borderColor': '#ccc'
      }
    }
  },
  'scatter': {
    'itemStyle': {
      'normal': {
        'borderWidth': 0,
        'borderColor': '#ccc'
      },
      'emphasis': {
        'borderWidth': 0,
        'borderColor': '#ccc'
      }
    }
  },
  'boxplot': {
    'itemStyle': {
      'normal': {
        'borderWidth': 0,
        'borderColor': '#ccc'
      },
      'emphasis': {
        'borderWidth': 0,
        'borderColor': '#ccc'
      }
    }
  },
  'parallel': {
    'itemStyle': {
      'normal': {
        'borderWidth': 0,
        'borderColor': '#ccc'
      },
      'emphasis': {
        'borderWidth': 0,
        'borderColor': '#ccc'
      }
    }
  },
  'sankey': {
    'itemStyle': {
      'normal': {
        'borderWidth': 0,
        'borderColor': '#ccc'
      },
      'emphasis': {
        'borderWidth': 0,
        'borderColor': '#ccc'
      }
    }
  },
  'funnel': {
    'itemStyle': {
      'normal': {
        'borderWidth': 0,
        'borderColor': '#ccc'
      },
      'emphasis': {
        'borderWidth': 0,
        'borderColor': '#ccc'
      }
    }
  },
  'gauge': {
    'itemStyle': {
      'normal': {
        'borderWidth': 0,
        'borderColor': '#ccc'
      },
      'emphasis': {
        'borderWidth': 0,
        'borderColor': '#ccc'
      }
    }
  },
  'candlestick': {
    'itemStyle': {
      'normal': {
        'color': '#f35f61',
        'color0': '#50e3c2',
        'borderColor': '#f35f61',
        'borderColor0': '#50e3c2',
        'borderWidth': 1
      }
    }
  },
  'graph': {
    'itemStyle': {
      'normal': {
        'borderWidth': 0,
        'borderColor': '#ccc'
      }
    },
    'lineStyle': {
      'normal': {
        'width': 1,
        'color': '#aaa'
      }
    },
    'symbolSize': '4',
    'symbol': 'emptyCircle',
    'smooth': false,
    'color': [
      '#bb4a9d',
      '#ffcbcb',
      '#8c88ff',
      '#9be3e0',
      '#78a2ff',
      '#efc8e6',
      '#f4822e',
      '#bda29a',
      '#b8e986',
      '#566282',
      '#13c2c2'
    ],
    'label': {
      'normal': {
        'textStyle': {
          'color': '#eeeeee'
        }
      }
    }
  },
  'map': {
    'itemStyle': {
      'normal': {
        'areaColor': '#eee',
        'borderColor': '#444',
        'borderWidth': 0.5
      },
      'emphasis': {
        'areaColor': 'rgba(255,215,0,0.8)',
        'borderColor': '#444',
        'borderWidth': 1
      }
    },
    'label': {
      'normal': {
        'textStyle': {
          'color': '#000'
        }
      },
      'emphasis': {
        'textStyle': {
          'color': 'rgb(100,0,0)'
        }
      }
    }
  },
  'geo': {
    'itemStyle': {
      'normal': {
        'areaColor': '#eee',
        'borderColor': '#444',
        'borderWidth': 0.5
      },
      'emphasis': {
        'areaColor': 'rgba(255,215,0,0.8)',
        'borderColor': '#444',
        'borderWidth': 1
      }
    },
    'label': {
      'normal': {
        'textStyle': {
          'color': '#000',
        }
      },
      'emphasis': {
        'textStyle': {
          'color': 'rgb(100,0,0)'
        }
      }
    }
  },
  'categoryAxis': {
    'axisLine': {
      'show': true,
      'lineStyle': {
        'color': '#4c5c60'
      }
    },
    'axisTick': {
      'show': false,
      'lineStyle': {
        'color': '#333'
      }
    },
    'axisLabel': {
      'show': true,
      'textStyle': {
        'color': '#8b93a6'
      }
    },
    'splitLine': {
      'show': false,
      'lineStyle': {
        'color': [
          '#ccc'
        ]
      }
    },
    'splitArea': {
      'show': false,
      'areaStyle': {
        'color': [
          'rgba(250,250,250,0.3)',
          'rgba(200,200,200,0.3)'
        ]
      }
    }
  },
  'valueAxis': {
    'axisLine': {
      'show': true,
      'lineStyle': {
        'color': '#4c5c60'
      }
    },
    'axisTick': {
      'show': false,
      'lineStyle': {
        'color': '#333'
      }
    },
    'axisLabel': {
      'show': true,
      'textStyle': {
        'color': '#8b93a6'
      }
    },
    'splitLine': {
      'show': true,
      'lineStyle': {
        'color': [
          '#4c5c60'
        ]
      }
    },
    'splitArea': {
      'show': false,
      'areaStyle': {
        'color': [
          'rgba(250,250,250,0.3)',
          'rgba(200,200,200,0.3)'
        ]
      }
    },
    'nameTextStyle': {
      'color': '#8b93a6'
    },
    'nameGap': '10'
  },
  'logAxis': {
    'axisLine': {
      'show': true,
      'lineStyle': {
        'color': '#4c5c60'
      }
    },
    'axisTick': {
      'show': true,
      'lineStyle': {
        'color': '#4c5c60'
      }
    },
    'axisLabel': {
      'show': true,
      'textStyle': {
        'color': '#8b93a6'
      }
    },
    'splitLine': {
      'show': true,
      'lineStyle': {
        'color': [
          '#4c5c60'
        ]
      }
    },
    'splitArea': {
      'show': false,
      'areaStyle': {
        'color': [
          'rgba(250,250,250,0.3)',
          'rgba(200,200,200,0.3)'
        ]
      }
    }
  },
  'timeAxis': {
    'axisLine': {
      'show': true,
      'lineStyle': {
        'color': '#4c5c60'
      }
    },
    'axisTick': {
      'show': false,
      'lineStyle': {
        'color': '#333'
      }
    },
    'axisLabel': {
      'show': true,
      'textStyle': {
        'color': '#8b93a6'
      }
    },
    'splitLine': {
      'show': false,
      'lineStyle': {
        'color': [
          '#ccc'
        ]
      }
    },
    'splitArea': {
      'show': false,
      'areaStyle': {
        'color': [
          'rgba(250,250,250,0.3)',
          'rgba(200,200,200,0.3)'
        ]
      }
    }
  },
  'toolbox': {
    'iconStyle': {
      'normal': {
        'borderColor': 'rgba(76,92,96,.5)'
      },
      'emphasis': {
        'borderColor': 'rgba(104,125,130,1)'
      }
    },
    top: 5,
    // right: '3%',
  },
  'legend': {
    'textStyle': {
      'color': 'rgba(76,92,96,.5)',
      "fontSize": "10px"
    },
    'x': 'center',
    'top': 10
  },
  'timeline': {
    'lineStyle': {
      'color': '#293c55',
      'width': 1
    },
    'itemStyle': {
      'normal': {
        'color': '#293c55',
        'borderWidth': 1
      },
      'emphasis': {
        'color': '#a9334c'
      }
    },
    'controlStyle': {
      'normal': {
        'color': '#293c55',
        'borderColor': '#293c55',
        'borderWidth': 0.5
      },
      'emphasis': {
        'color': '#293c55',
        'borderColor': '#293c55',
        'borderWidth': 0.5
      }
    },
    'checkpointStyle': {
      'color': '#e43c59',
      'borderColor': 'rgba(194,53,49, 0.5)'
    },
    'label': {
      'normal': {
        'textStyle': {
          'color': '#293c55'
        }
      },
      'emphasis': {
        'textStyle': {
          'color': '#293c55'
        }
      }
    }
  },
  'visualMap': {
    'color': [
      '#bf444c',
      '#d88273',
      '#f6efa6'
    ]
  },
  'dataZoom': {
    'backgroundColor': 'rgba(47,69,84,0)',
    'dataBackgroundColor': 'rgba(47,69,84,0.3)',
    'fillerColor': 'rgba(167,183,204,0.4)',
    'handleColor': '#a7b7cc',
    'handleSize': '100%',
    'textStyle': {
      'color': '#333'
    }
  },
  'markPoint': {
    'label': {
      'normal': {
        'textStyle': {
          'color': '#eeeeee'
        }
      },
      'emphasis': {
        'textStyle': {
          'color': '#eeeeee'
        }
      }
    }
  },
  
}
// 三相
const threePhase = Object.assign({}, defaultTheme, {
  color: [
    '#fd8528',
    '#fdc448',
    '#47e2c3',
    '#f86886',
  ]
})
// 功率
const powerFactor = Object.assign({}, defaultTheme, {
  color: [
    '#4C84FF',
    '#FCBA03',
    '#29DEB5',
    '#FF7273'
  ]
})
// 电量
const electricQuantity = Object.assign({}, defaultTheme, {
  color: [
    '#6A65FF',
    '#14DDB0',
    '#A19EFF',
    '#89F2DA'
  ]
})
//  尖峰平谷
const subsection = Object.assign({}, defaultTheme, {
  color: [
    '#FF5770',
    '#FFCB8B',
    '#9FEFFF',
    '#97B1D3'
  ]
})
if (echarts) {
  echarts.registerTheme('defaultTheme', defaultTheme)
  echarts.registerTheme('threePhase', threePhase)
  echarts.registerTheme('powerFactor', powerFactor)
  echarts.registerTheme('electricQuantity', electricQuantity)
  echarts.registerTheme('subsection', subsection)
}



